<template>
    <div>
       <van-swipe :autoplay="3000" :show-indicators="true" :loop="false" indicator-color="green">
        <van-swipe-item><img src="../images/guide_01.png" alt=""></van-swipe-item>
        <van-swipe-item><img src="../images/guide_02.png" alt=""></van-swipe-item>
        <van-swipe-item><img src="../images/guide_03.png" alt=""></van-swipe-item>
        </van-swipe> 
        <van-button type="primary" @click="tap()">跳过</van-button>
        
    </div>
</template>

<script>
import { Swipe, SwipeItem } from 'vant';
export default {
    name:'Guide',
    methods:{
        tap(){
            this.$router.push('/register')
        }
    }
}
</script>

<style scoped>
div{
    position: relative;
    overflow: hidden;
    height: 100vh;
}
div >>> .van-swipe__indicators{
    bottom: 20%;
}
div >>> .van-swipe__indicator{
    width: 20px;
    height: 6px;
    border-radius: 10px

}
.van-button{
    position: absolute;
    top: 570px;
    right: 40px;
    z-index: 999;
}
</style>